<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DIV框架首页</title>
    <link href="淘宝首页界面.css"   type="text/css" rel="stylesheet">
</head>
<body>

<div class="index">
    <div class="header">
        <nav class="header_1">
            <ul>
                <li><a href="#">中国大陆</a>
                    <ul>
                        <li><a href="#">全球</a></li>
                        <li><a href="#">中国大陆</a></li>
                        <li><a href="#">香港</a></li>
                        <li><a href="#">台湾</a></li>
                        <li><a href="#">澳门</a></li>
                        <li><a href="#">韩国</a></li>
                        <li><a href="#">马来西亚</a></li>
                        <li><a href="#">澳大利亚</a></li>
                        <li><a href="#">新加坡</a></li>
                        <li><a href="#">新西兰</a></li>
                        <li><a href="#">加拿大</a></li>
                        <li><a href="#">美国</a></li>
                        <li><a href="#">日本</a></li>
                    </ul>
                </li>
                <li><a href="#">亲，请登录</a></li>
                <li><a href="#">免费注册</a></li>
                <li><a href="#">手机逛淘宝</a></li>
            </ul>
        </nav>

        <div class="header_2">
            <ul class="header_2_1">
                <li class="header_2_1_1">
                    <a href="#">我的淘宝</a>
                    <ul>
                        <li><a href="#">已买到的宝贝</a></li>
                        <li><a href="#">我的足迹</a></li>
                    </ul>
                </li>
                <li class="header_2_1_2">
                    <a href="#">购物车</a>
                </li>
                <li class="header_2_1_3">
                    <a href="#">收藏夹</a>
                    <ul>
                        <li><a href="#">收藏的宝贝</a></li>
                        <li><a href="#">收藏的店铺</a></li>
                    </ul>
                </li>
                <li class="header_2_1_4">
                    <a href="#">商品分类</a>
                </li>
                <li class="header_2_1_5">
                    <a href="#">|</a>
                </li>
                <li class="header_2_1_6">
                    <a href="#">千牛卖家中心</a>
                    <ul>
                        <li><a href="#">免费开店</a></li>
                        <li><a href="#">已卖出的宝贝</a></li>
                        <li><a href="#">出售中的宝贝</a></li>
                        <li><a href="#">卖家服务市场</a></li>
                        <li><a href="#">卖家培训中心</a></li>
                        <li><a href="#">体检中心</a></li>
                        <li><a href="#">问商友</a></li>
                    </ul>
                </li>
                <li class="header_2_1_7">
                    <a href="#">联系客服</a>
                    <ul>
                        <li><a href="#">消费者客服</a></li>
                        <li><a href="#">卖家客服</a></li>
                    </ul>
                </li>

                <li class="header_2_1_8">
                    <a href="#">网站导航</a>
                    <ul>
                        <div class="wz">
                            <div class="mm_1">
                                <li class="zt" style="width: 70px">主题市场</li>
                                <ul>
                                    <li><a href="#">女装</a></li>
                                    <li><a href="#">箱包</a></li>
                                    <li><a href="#">手机</a></li>
                                    <li><a href="#">手表</a></li>
                                    <li><a href="#">游戏</a></li>
                                    <li><a href="#">鲜花</a></li>
                                    <li><a href="#">装修</a></li>
                                    <li><a href="#">汽车</a></li>
                                    <li><a href="#">教育</a></li>
                                </ul>
                                <li class="zt_1" style="width: 30px">
                                    <ul>
                                        <li><a href="#">男装</a></li>
                                        <li><a href="#">婴童</a></li>
                                        <li><a href="#">美妆</a></li>
                                        <li><a href="#">运动</a></li>
                                        <li><a href="#">动漫</a></li>
                                        <li><a href="#">宠物</a></li>
                                        <li><a href="#">建材</a></li>
                                        <li><a href="#">二手车</a></li>
                                        <li><a href="#">卡券</a></li>
                                    </ul>
                                </li>
                                <li class="zt_2" style="width: 30px">
                                    <ul>
                                        <li><a href="#">内衣</a></li>
                                        <li><a href="#">家电</a></li>
                                        <li><a href="#">珠宝</a></li>
                                        <li><a href="#">户外</a></li>
                                        <li><a href="#">影视</a></li>
                                        <li><a href="#">农资</a></li>
                                        <li><a href="#">家具</a></li>
                                        <li><a href="#">办公</a></li>
                                        <li><a href="#">本地</a></li>
                                    </ul>
                                </li>
                                <li class="zt_3" style="width: 30px">
                                    <ul>
                                        <li><a href="#">鞋靴</a></li>
                                        <li><a href="#">数码</a></li>
                                        <li><a href="#">眼镜</a></li>
                                        <li><a href="#">乐器</a></li>
                                        <li><a href="#">美食</a></li>
                                        <li><a href="#">房产</a></li>
                                        <li><a href="#">百货</a></li>
                                        <li><a href="#">定制</a></li>
                                    </ul>
                                </li>
                            </div>
                            <div class="mm_2">
                                <li class="zt_4">特色市场
                                    <ul>
                                        <li><a href="#">爱逛街</a></li>
                                        <li><a href="#">腔调</a></li>
                                        <li><a href="#">极有家</a></li>
                                        <li><a href="#">飞猪</a></li>
                                        <li><a href="#">农资</a></li>
                                        <li><a href="#">丽人购</a></li>
                                        <li><a href="#">全球精选</a></li>
                                        <li><a href="#">量贩团</a></li>
                                    </ul>
                                </li>
                                <li class="zt_5">
                                    <ul>
                                        <li><a href="#">美妆秀</a></li>
                                        <li><a href="#">淘女郎</a></li>
                                        <li><a href="#">阿里拍卖</a></li>
                                        <li><a href="#">亲宝贝</a></li>
                                        <li><a href="#">天天特卖</a></li>
                                        <li><a href="#">聚名品</a></li>
                                        <li><a href="#">非常大牌</a></li>
                                        <li><a href="#">阿里翻译</a></li>
                                    </ul>
                                </li>
                                <li class="zt_6">
                                    <ul>
                                        <li><a href="#">全球购</a></li>
                                        <li><a href="#">星店</a></li>
                                        <li><a href="#">淘宝众筹</a></li>
                                        <li><a href="#">咸鱼</a></li>
                                        <li><a href="#">Outlets</a></li>
                                        <li><a href="#">淘抢购</a></li>
                                        <li><a href="#">试用</a></li>
                                    </ul>
                                </li>
                            </div>
                            <div class="mm_3">
                                <li class="zt_7">阿里APP
                                    <ul>
                                        <li><a href="#">淘宝</a></li>
                                        <li><a href="#">聚划算</a></li>
                                        <li><a href="#">旺信</a></li>
                                        <li><a href="#">钉钉</a></li>
                                        <li><a href="#">虾米音乐</a></li>
                                        <li><a href="#">爱逛街</a></li>
                                        <li><a href="#">网商银行</a></li>
                                    </ul>
                                </li>
                                <li class="zt_8">
                                    <ul>
                                        <li><a href="#">天猫</a></li>
                                        <li><a href="#">飞猪</a></li>
                                        <li><a href="#">闲鱼</a></li>
                                        <li><a href="#">高德地图</a></li>
                                        <li><a href="#">淘票票</a></li>
                                        <li><a href="#">拍卖会</a></li>
                                        <li><a href="#">阿里邮箱</a></li>
                                    </ul>
                                </li>
                                <li class="zt_9">
                                    <ul>
                                        <li><a href="#">支付宝</a></li>
                                        <li><a href="#">蚂蚁聚宝</a></li>
                                        <li><a href="#">阿里钱盾</a></li>
                                        <li><a href="#">点点虫</a></li>
                                        <li><a href="#">菜鸟裹裹</a></li>
                                        <li><a href="#">阿里云</a></li>
                                        <li><a href="#">阿里众包</a></li>
                                    </ul>
                                </li>
                            </div>
                            <div class="mm_4">
                                <li class="zt_10">精彩推荐类
                                    <ul>
                                        <li><a href="#">余额宝</a></li>
                                        <li><a href="#">淘公仔</a></li>
                                        <li><a href="#">淘宝香港</a></li>
                                        <li><a href="#">淘宝全球</a></li>
                                        <li><a href="#">闺蜜淘货</a></li>
                                        <li><a href="#">淘工作</a></li>
                                    </ul>
                                </li>
                                <li class="zt_11">
                                    <ul>
                                        <li><a href="#">大牌捡宝</a></li>
                                        <li><a href="#">浏览器</a></li>
                                        <li><a href="#">淘宝台湾</a></li>
                                        <li><a href="#">淘宝东南亚</a></li>
                                        <li><a href="#">大众评审</a></li>
                                        <li><a href="#">阿里巴巴认证</a></li>
                                    </ul>
                                </li>
                            </div>
                        </div>
                    </ul>
                </li>
            </ul>

        </div>
    </div>





    <div class="nav">
        <div class="nav_1">
            <div class="logo">logo</div>
        </div>
        <div class="nav_2">
            <div class="nav_2_1">一行</div>
            <div class="nav_2_2">二行</div>
            <div class="nav_2_3">三行</div>

        </div>
    </div>




    <div class="focus_01">
        <div class="focus_01_1">
            <div class="focus_01_1_1">主题市场</div>

            <div class="focus_01_1_2">
                <ul>
                    <li><a href="#">天猫</a></li>
                    <li><a href="#">聚划算</a></li>
                    <li><a href="#">天猫超市</a></li>
                </ul>
            </div>

            <div class="focus_01_1_3">
                <ul>
                    <li class="focus_01_1_3_1">
                        <a href="#">|</a>
                    </li>
                    <li class="focus_01_1_3_2">
                        <a href="#"> 淘抢购</a>
                    </li>
                    <li class="focus_01_1_3_3">
                        <a href="#">电器城</a>
                    </li>
                    <li class="focus_01_1_3_4">
                        <a href="#">司法拍卖</a>
                    </li>
                    <li class="focus_01_1_3_5">
                        <a href="#">淘宝心选</a>
                    </li>
                    <li class="focus_01_1_3_6">
                        <a href="#">兴农扶贫</a>
                    </li>
                </ul>
            </div>
            <div class="focus_01_1_4">
                <ul>
                    <li class="focus_01_1_4_1">
                        <a href="#">|</a>
                    </li>
                    <li class="focus_01_1_4_2">
                        <a href="#">飞猪旅行</a>
                    </li>
                    <li class="focus_01_1_4_3">
                        <a href="#">智能生活</a>
                    </li>
                    <li class=focus_01_1_4_4">
                        <a href="#">苏宁易购</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>











    <div class="focus">
        <div class="focus_1">

            <div class="focus_1_1">
                <div class="focus_1_1_1">
                    <ul>
                        <li>
                            <a href="#">女装/</a>
                            <a href="#">男装 /</a>
                            <a href="#">内衣 </a>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_2">
                    <ul>
                        <li>
                            <a href="#">鞋靴  /</a>
                            <a href="#">箱包  /</a>
                            <a href="#">配件</a>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_3">
                    <ul>
                        <li>
                            <div class="focus_1_1_3_1"><a href="#">童装玩具/</a></div>
                            <div class="focus_1_1_3_2"><a href="#">孕产/</a></div>
                            <div class="focus_1_1_3_3"><a href="#">用品</a></div>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_4">
                    <ul>
                        <li>
                            <a href="#">家电  /</a>
                            <a href="#">数码  /</a>
                            <a href="#">手机</a>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_5">
                    <ul>
                        <li>
                            <div class="focus_1_1_5_1"><a href="#">美妆  /</a></div>
                            <div class="focus_1_1_5_2"><a href="#">洗护  /</a></div>
                            <div class="focus_1_1_5_3"><a href="#">保健品</a></div>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_6">
                    <ul>
                        <li>
                            <a href="#">珠宝  /</a>
                            <a href="#">眼镜  /</a>
                            <a href="#">手表</a>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_7">
                    <ul>
                        <li>
                            <a href="#">运动  /</a>
                            <a href="#">户外  /</a>
                            <a href="#">乐器</a>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_8">
                    <ul>
                        <li>
                            <a href="#">游戏  /</a>
                            <a href="#">动漫  /</a>
                            <a href="#">影视</a>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_9">
                    <ul>
                        <li>
                            <a href="#">美食  /</a>
                            <a href="#">生鲜  /</a>
                            <a href="#">零食</a>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_10">
                    <ul>
                        <li>
                            <a href="#">鲜花  /</a>
                            <a href="#">宠物  /</a>
                            <a href="#">农资</a>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_11">
                    <ul>
                        <li>
                            <a href="#">工具  /</a>
                            <a href="#">装修  /</a>
                            <a href="#">建材</a>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_12">
                    <ul>
                        <li>
                            <a href="#">家具  /</a>
                            <a href="#">家饰  /</a>
                            <a href="#">家纺</a>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_13">
                    <ul>
                        <li>
                            <div class="focus_1_1_13_1"><a href="#">汽车  /</a></div>
                            <div class="focus_1_1_13_2"><a href="#">二手车 /</a></div>
                            <div class="focus_1_1_13_3"><a href="#">用品</a></div>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_14">
                    <ul>
                        <li>
                            <div class="focus_1_1_14_1"><a href="#">用品 /</a></div>
                            <div class="focus_1_1_14_2"><a href="#">DIY  /</a></div>
                            <div class="focus_1_1_14_3"><a href="#">五金电子</a></div>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_15">
                    <ul>
                        <li>
                            <div class="focus_1_1_15_1"><a href="#">百货  /</a></div>
                            <div class="focus_1_1_15_2"><a href="#">餐厨  /</a></div>
                            <div class="focus_1_1_15_3"><a href="#">家庭保健</a></div>
                        </li>
                    </ul>
                </div>
                <div class="focus_1_1_16">
                    <ul>
                        <li>
                            <div class="focus_1_1_16_1"><a href="#">学习  /</a></div>
                            <div class="focus_1_1_16_2"><a href="#">卡劵  /</a></div>
                            <div class="focus_1_1_16_3"><a href="#">本地服务</a></div>
                        </li>
                    </ul>
                </div>

            </div>





            <div class="focus_1_2">广告</div>
            <div class="news">淘宝头条</div>
        </div>

        <div class="focus_2">账户</div>
    </div>
    <div class="content">
        <div class="column_1">
            <div class="column_1_1">
                <p>有好货</p>
                <div class="column_1_1_1"></div>
                <div class="column_1_1_2"></div>
                <div class="column_1_1_3"></div>
                <div class="column_1_1_4"></div>
                <div class="column_1_1_5"></div>
                <div class="column_1_1_6"></div>
            </div>
            <div class="column_1_2">
                <p>爱逛街</p>
                <div class="column_1_2_1"></div>
                <div class="column_1_2_2"></div>
                <div class="column_1_2_3"></div>
                <div class="column_1_2_4"></div>
                <div class="column_1_2_5"></div>
                <div class="column_1_2_6"></div>
            </div>
        </div>

        <div class="column_2">
            <div class="column_2_1">
                <P>淘抢购</P>
                <div class="column_2_1_1"></div>
                <div class="column_2_1_2"></div>
                <div class="column_2_1_3"></div>
            </div>
            <div class="column_2_2">广告</div>
        </div>


        <div class="column_3">
            <div class="column_3_1">
                <p>每日好店</p>
                <div class="column_3_1_1"></div>
                <div class="column_3_1_2"></div>
                <div class="column_3_1_3"></div>
                <div class="column_3_1_4"></div>
            </div>
            <div class="column_3_2">
                <p>淘宝直播</p>
                <div class="column_3_2_1"></div>
                <div class="column_3_2_2"></div>
                <div class="column_3_2_3"></div>
                <div class="column_3_2_4"></div>
            </div>
        </div>
    </div>
    <div class="content1">
        <div class="column_4">
            <div class="column_4_1">
                <p>时尚爆料王</p>
                <div class="column_4_1_1"></div>
                <div class="column_4_1_2"></div>
                <div class="column_4_1_3"></div>
            </div>
            <div class="column_4_2">今新品</div>
        </div>
        <div class="column_5">
            <div class="column_5_1">
                <p>品质生活</p>
                <div class="column_55_1">
                <div class="column_5_1_1">一</div>
                <div class="column_5_1_2">二</div>
                <div class="column_5_1_3">三</div>
                <div class="column_5_1_4">四</div>
                </div>
                <div class="column_55_2">
                 <div class="column_5_1_5">五</div>
                 <div class="column_5_1_6">六</div>
                 <div class="column_5_1_7">七</div>
                </div>

            </div>
            <div class="column_5_2">
                <p>特色玩味控</p>

                <div class="column_55_1">
                    <div class="column_5_1_1">一</div>
                    <div class="column_5_1_2">二</div>
                    <div class="column_5_1_3">三</div>
                    <div class="column_5_1_4">四</div>
                </div>
                <div class="column_55_2">
                    <div class="column_5_1_5">五</div>
                    <div class="column_5_1_6">六</div>
                    <div class="column_5_1_7">七</div>
                </div>

            </div>
        </div>
        <div class="column_6">
            <p>实惠专业户</p>
            <div class="column_6_1"></div>
            <div class="column_6_2"></div>
            <div class="column_6_3"></div>
            <div class="column_6_4"></div>
            <div class="column_6_5"></div>
        </div>
        <div class="column_7">
            <p>热卖单品</p>
            <div class="column_7_1"></div>
            <div class="column_7_2"></div>
            <div class="column_7_3"></div>
            <div class="column_7_4"></div>
            <div class="column_7_5"></div>
            <div class="column_7_6"></div>
            <div class="column_7_7"></div>
            <div class="column_7_8"></div>
            <div class="column_7_9"></div>
            <div class="column_7_10"></div>
            <div class="column_7_11"></div>
            <div class="column_7_12"></div>
            <div class="column_7_13"></div>
        </div>
    </div>

    <div class="content2">
           <div class=" column_22_1">
               <p>猜你喜欢</p>
               <div class="column_22_1_1"></div>
               <div class="column_22_1_2"></div>
               <div class="column_22_1_3"></div>
               <div class="column_22_1_4"></div>
               <div class="column_22_1_5"></div>
               <div class="column_22_1_6"></div>
               <div class="column_22_1_7"></div>
               <div class="column_22_1_8"></div>
               <div class="column_22_1_9"></div>
               <div class="column_22_1_10"></div>
               <div class="column_22_1_11"></div>
               <div class="column_22_1_12"></div>
               <div class="column_22_1_13"></div>
               <div class="column_22_1_14"></div>
               <div class="column_22_1_15"></div>
               <div class="column_22_1_16"></div>
               <div class="column_22_1_17"></div>
               <div class="column_22_1_18"></div>
               <div class="column_22_1_19"></div>
               <div class="column_22_1_20"></div>
               <div class="column_22_1_21"></div>
               <div class="column_22_1_22"></div>
               <div class="column_22_1_23"></div>
               <div class="column_22_1_24"></div>
               <div class="column_22_1_25"></div>
               <div class="column_22_1_26"></div>
           </div>
    </div>

    <div class="footer">页脚</div>
</div>

</body>
</html>
